<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>注册页面</title>  
    <style>  
        /* 简单的样式，可以根据需要添加更多 */  
        body {  
            font-family: Arial, sans-serif;  
            margin: 0;  
            padding: 20px;  
            font-family: Arial, sans-serif;  
            width: 100vw;
            height: 100vh;
            margin: 0px;
            /* margin-top: -10%; */
            padding:0px;
            background-position:0px -80px;
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-image: url('/static/images/login.png');
        }  
  
        .container {  
            position: absolute;
            top:10%;
            left:50%;
            margin-left: -201px;
            width: 400px;
            padding: 20px;  
            border: 1px solid #ccc;  
            border-radius: 5px;  
            background: rgba(204, 204, 204, 0.6);
            backdrop-filter: blur(30px);
        }  
  
        h1 {  
            text-align: center;  
        }  
  
        label {  
            display: block;  
            margin-bottom: 10px;  
        }  
  
        input[type="text"],  
        input[type="email"],  
        input[type="password"] {  
            margin: 5px auto;
            display: block;
            width: 80%;
            line-height: 40px;
            height: 40px;
            padding: 5px;  
            border-radius: 2px;  
            border: 1px solid #aaa;
            color:#000;
            font-size: 18px; 
        }  
  
        .error {  
            color: red;  
            font-size: 12px;  
            margin-top: 5px;  
        }  
  
        .submit-btn {  
            display: block;  
            width: 100%;  
            padding: 10px;  
            background-color: #00A2E9;  
            color: white;  
            border: none;  
            border-radius: 5px;  
            cursor: pointer;  
            margin-top: 20px;  
        }  
  
        .submit-btn:hover {  
            background-color: #45a049;  
        }  
    </style>  
</head>  
<body>  
    <div class="container">  
        <h1>注册新用户</h1>  
        <form id="registerForm" method="post" action="/index/register"> <!-- 替换为你的注册处理脚本 -->  
            <!-- <label for="username">用户名:</label>   -->
            <input type="text" id="username" name="username" required placeholder="请输入账号">  
            <!-- <label for="password">密码:</label>   -->
            <input type="password" id="password" name="password" required placeholder="请输入密码">  
            <!-- <label for="pwd">确认密码</label> -->
            <input type="password" id="pwd" name="pwd" required placeholder="确认密码">
            <!-- <label for="corporate_name">公司名称</label> -->
            <input type="text" id="corporate_name" name="corporate_name" required placeholder="公司名称">
            <!-- <label for="mobile">联系方式</label> -->
            <input type="text" id="mobile" name="mobile" required placeholder="联系方式">
            <!-- 可以在这里添加更多的字段，如确认密码、手机号码等 -->  
            <!-- 错误信息显示区域（如果需要） -->  
            <!-- <div class="error" id="errorMessage"></div> -->  
            <input type="submit" value="注册" class="submit-btn">  
            <input type="button" onclick="location.href='/index/index'" value="返回登录" class="submit-btn">  
        </form>  
    </div>
</body>  
</html>